<template>
  <div id="showBoxContent">
    <div class="vux-close" @click="closeDialog"></div>
    <img :src="item.logo">
    <a :href="item.url+loginkey">
      <div id="toLink">点击前往</div>
    </a>
    <div id="hintText"> 
    请使用{{this.phone | hideNum}}手机号注册
    注册时，请不要填写邀请码
    </div>
  </div>
</template>
<script>
import { getStore } from '../../../../config/mUtils';
import {skip} from '../../../../service/getData.js'

export default {
  components:{

  },
  data(){
    return {
      logo:'',
      phone:getStore('phone')||'',
      loginkey:getStore('loginkey')
    }
  },
  props:['item'],
  methods:{
    closeDialog(){
      this.$emit('close',false);
    },
  },
  filters:{
    hideNum:function(val){
      return val.replace(/(\d{3})(\d{4})(\d{4})/,"$1****$3");
    }
  }
}
</script>
<style lang="less" scoped> 
@import '../../../../style/mixin.less';

  #showBoxContent{
    width: 5.52rem; 
    height: 4rem;
    margin: 0 auto;
    margin-top: 0.7467rem;
    .fx(column);
    img{
      width: 1.92rem;
      height: 0.64rem;
    }
    #toLink{
      width: 5rem;
      height: 1.2rem;
      line-height: 1.2rem;
      text-align: center;
      border: 1px solid #000;
      border-radius: 2rem;
      font-size: 0.3733rem;
      margin-top: 0.7rem;
      font-weight: bold;
      color: #000;
    }
    #hintText{
      color: #cdcdcd;
      font-size: 0.3rem;
      letter-spacing: .03rem;
      margin-top: .3rem;
    }
    .vux-close{
      position: absolute;
      top: .1rem;
      right: .1rem;
    }
    .vux-close:after,.vux-close:before{
      width: .5rem;
    }
  }
</style>
